<template>
  <div class="home_box">

    <LbComment :imglist='imglist'></LbComment>
    

    <!-- 六宫格 -->
    <ul class="mui-table-view mui-grid-view mui-grid-9">
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
          <router-link to="/home/newsList">
                <img src="../../assets/images/menu1.png">
                <div class="mui-media-body">新闻列表</div>
          </router-link>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
          <router-link to="/home/photoList">
                <img src="../../assets/images/menu2.png">
                <div class="mui-media-body">图片分享</div>
          </router-link>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
          <router-link to="/home/goodList">
                <img src="../../assets/images/menu3.png">
                <div class="mui-media-body">商品购买</div>
          </router-link>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="#">
                <img src="../../assets/images/menu4.png">
                <div class="mui-media-body">留言反馈</div></router-link></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="#">
                <img src="../../assets/images/menu5.png">
                <div class="mui-media-body">视频专区</div></router-link></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="#">
                <img src="../../assets/images/menu6.png">
                <div class="mui-media-body">联系我们</div></router-link></li>
    </ul>
  </div>
</template>

<script>
import { Toast } from 'mint-ui';
import LbComment from '../comment/lunboComt.vue'

export default {
  data:()=>{
    return{
      imglist:[]
    }
  },
  created(){
    this.getImgList()

  },
  methods:{
    getImgList(){
       let flag = Toast({
        message: '正在请求数据，请稍后',
        position: 'middle',
        duration: -1
      })
      this.$http.get('api/getlunbo').then(result => {
        flag.close()
       this.imglist = result.body.message
      })
    }
  },
  components:{
    'LbComment':LbComment
  }
  }

</script>

<style lang='scss' scoped>
.home_box {
  height:30vh;
  background-color: #fff;
  .mui-table-view {
    border:none;
    background-color: #fff;
    margin-top: 10px;
    li.mui-table-view-cell {
      border:none;

    }
    img{
      width: 60px;
      height: 60px;
    }
  }
}
</style>
